<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>样式</title>
		<style>
			h3{
				color:#2eff17;/*字体颜色 rab:red红色 green绿 blue 0-f十六进制 */
				font-size: 36px;/*字体大小*/
				text-align: center;/*文本居中*/
			}
			p{
				color:red;
			}
			.size{
				font-size: 20px;
			}
			#col{
				color:#aa0000;
				font-family: 'microsort YAHei';
				font-weight: 800;
			}
			ul li{
				
			}
		</style>
		<!--引入css文件-->
		<link href="css/fontstyle.css"rel="stylesheet"/>
	</head>
	<body>
		<!--css:层叠样式表，级联样式表，用来布局和美化页面
		引入样式：
		1.内联样式：在开始标签中用style属性，控制一个标签
		color：颜色 font-size:字体大小/尺寸 尺寸单位：px  text-align:文本居中
		2.内部样式：在html文件head标签来书写 控制一个页面 部分价格和样式相分离
		3.外部样式：控制多个页面 需要引入
		step1:创建css文件，书写样式
		step2：在html文件中引入css文件
		-->
		<!--选择器：
		1.标签选择器：div{}
		2.类选择器 根据需求选择 nav{}  加点
		3.id选择器 每个HTML文档中是唯一的，只出现一次  #nav1{}
		-->
		
		<h1 style="color:blue;"class="size">故事中文网</h1>
		<h3 style="color:red;" class="size">蒹葭</h3>
		<P>蒹葭苍苍，白露为霜</P>
		<p id="col">所谓伊人，在水一方</p>
		<ul>
			<li>第一列</li>
		</ul>
		<ol>
			<li>第一列</li>
		</ol>
	</body>
</html>
